@import '../../style/global.scss';
.navbar{
    // position: relative;
    // z-index: 10;
    // position: sticky;
    // top: 0;
    display: flex;
    width: 100%;
    background: #584D4D;
    // padding: 0 200px;
    margin-bottom: 20px;
    .nav-item{
        // width: 200px;
        
        text-align: center;
        .nav-link{
            display: block;
            width: 100%;
            height: 100%;
            color: #fff;
            text-decoration: none;
            padding: 20px 25px;
        }
        .nav-link-active{
            background-color: $primary-color;
            font-weight: bold;
        }
        &:hover{
            background-color: $primary-color;
        }
    }
    .logo{
        width: 100%;
        height: 100%;
    }
}